
<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<link rel="stylesheet" type="text/css" href="/css/css.css" />
	<script src="/js/jquery.min.js"></script>
	<script src="/js/public.js"></script>
	<script src="/js/payFluxPage.js"></script>
	<title>购买流量</title>
	<style type="text/css">
	</style>
</head>
<body>
	<section class="inputBoxList">
		<section class="writeBox">
			<p class="money">
				缴费(元)：
				<input class="numberInt" type="number" placeholder="输入1代表100" oninput="myFunction()" > x 100
			</p>
			<p class="flux" style="">
				<span style="">流量(升)：</span>
				<sapn class="fluxBox" style="display:inline-block; width: 8rem;height:1rem;margin-bottom:-.3rem;color:#A9A9A9; "></sapn>
			</p>
		</section>
	</section>
	<section class="payPrompt">鹤庭流量0.5元每升，根据您的使用情况选择购买</section>
	<!-- 确认取消提示start -->
	<section class="payList">
		<a>
			<span>100</span>元
			<span>200</span>升
		</a>
		<a>
			<span>200</span>元
			<span>400</span>升
		</a>
		<a>
			<span>300</span>元
			<span>600</span>升
		</a>
		<a>
			<span>400</span>元
			<span>800</span>升
		</a>
	</section>
	<!-- 提交信息服务器反馈提示信息-->
	<section class="hint_bg">
		<section class="hint_box">
			<p class="hint_text"></p>
			<section class="hint_btn">确定</section>
		</section>
	</section>
	<section class="bottomBtn">
		<a class="return" onclick="window.location.href='/index';">返回</a>
		<a class="payBtn">支付</a>
	</section>
	<!-- 提交信息服务器反馈提示信息-->
	<section class="hint_bg">
		<section class="hint_box">
			<p class="hint_text"></p>
			<section class="hint_btn">确定</section>
		</section>
	</section>
	<script>
	//当输入购买金额，显示购买流量
	function myFunction(event){
		if($(".payList > a").hasClass("pActive")){
			hint('您已经选了购买项，请点击"支付"');
			$(".numberInt").val("");
		}else{
			$(".fluxBox").html($(".numberInt").val()*200);
		}
	}
	</script>
</body>
</html>
